/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 * @郭巨侠之作
 */

import React, { Component } from 'react';

import pxToDp  from '../config/pxToDp';
import {
  Platform,
  StyleSheet,
  Text,
  View,
    Image,
    TouchableWithoutFeedback,
} from 'react-native';
import FontAwesome from 'react-native-vector-icons/FontAwesome';
export default class addFriendScene extends Component {

    //构造函数


  render() {



    return (
        <View style={styles.background}>

            <View style={styles.search_view}>
                <TouchableWithoutFeedback style={styles.search_view_child} onPress={()=>{
                    this.props.navigation.navigate('searchScene',{
                        searchType:'addFriends',
                    })
                }}>
                    <View style={styles.search_view_child}>
                        <Image style={styles.search_img} />
                        <View style={styles.search_text_view}>
                            <Text style={styles.search_text}>随聊号/手机号/QQ号</Text>
                        </View>
                    </View>
                </TouchableWithoutFeedback>
                
            </View>

            <View style={styles.myInfo_view}>
                <View style={styles.myInfo_view_child} >
                <Text style={styles.myInfo_text}>我的随聊号：a18749100756</Text>
                    <View style={styles.QRcode_view}>
                        <FontAwesome style={styles.img_erweima} name="qrcode" size={22}></FontAwesome>
                    <Image style={styles.QRcode_img} />
                    </View>
                </View>
            </View>

            {/* <View style={styles.function_view_all}>

            <View style={styles.function_view}>

            </View>

            <View style={styles.function_view2}>

            </View>

            <View style={styles.function_view2}>

            </View>

            <View style={styles.function_view2}>

            </View>

            <View style={styles.function_view3}>

            </View>
            </View> */}

        </View>

    );
  }
}

const styles = StyleSheet.create({

    background:{
            flex:1,
            backgroundColor:'#ebebeb',
    },

    search_view:{
        backgroundColor:'#ffffff',
        height:50,
        marginTop:pxToDp(40),
        justifyContent:'center',
    },


    search_view_child:{
      flexDirection:'row',
    },

    search_img:{
        width:pxToDp(55),
        height:pxToDp(55),
        marginLeft:pxToDp(30),

    },
    search_text:{
        color:'#c5c5c5',
        fontSize:pxToDp(25),
        marginLeft:pxToDp(30),
    },

    search_text_view:{
      justifyContent:'center',
    },

    myInfo_view:{
         marginTop:pxToDp(23),

    },

    myInfo_view_child:{
        alignSelf:'center',
        flexDirection:'row',
    },


    myInfo_text:{
          color:'#888888',
          fontSize:pxToDp(25),

    },

    QRcode_img:{
        height:pxToDp(40),
        width:pxToDp(40),
    },
    QRcode_view:{
        justifyContent:'center',
        marginLeft:pxToDp(10),
    },

    function_view_all:{
        backgroundColor:'#ffffff',
        marginTop:pxToDp(50),
    },


    function_view:{
        backgroundColor:'#ffffff',
        height:pxToDp(117),
        //marginTop:pxToDp(50),
        borderBottomWidth:pxToDp(1),
        borderColor:'#dfdfdf',
        marginLeft:pxToDp(30),
        marginRight:pxToDp(30),
    },
    function_view2:{
        backgroundColor:'#ffffff',
        height:pxToDp(117),
        borderBottomWidth:pxToDp(1),
        borderColor:'#dfdfdf',
        marginLeft:pxToDp(30),
        marginRight:pxToDp(30),
    },
    function_view3:{
        backgroundColor:'#ffffff',
        height:pxToDp(117),
        marginLeft:pxToDp(30),
        marginRight:pxToDp(30),


    },
});
